<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>我的订单</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/basic.css" />
    <link rel="stylesheet" href="assets/css/app.css" />
    <style>
        body { background-color:#fff; }
        img{ width:135px; height: 55px; }
        .am-list-thumb { padding-right: 0; }
        .am-list-main{ float: left !important; }
    </style>
</head>
<body class="am-with-topbar-fixed-top">
<section id="kuaikuai-around">
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <ul class="am-tabs-nav am-cf am-topbar-fixed-top">
            <li class="am-active">
                <a href="#" data-kuai-tabs="0">已支付</a>
            </li>
            <li class="">
                <a href="#" data-kuai-tabs="1">未支付</a>
            </li>
        </ul>

        <div class="am-tabs-bd">
            <!-- Start 已支付 -->
            <div class="am-tab-panel am-active " style="background-color: #f7f9f9;" data="tab1">
                <nav class="kuaikuai-nav am-menu-default am-nav-kuai">
                    <ul class="am-avg-sm-1 am-menu-nav" style="border: 0">
                        <li class="am-order-fl">
                            <p class="am-text-sm">状态： <em>代付款</em></p>
                            <p class="am-text-sm">总价： <em>￥400.00</em></p>
                        </li>
                    </ul>
                    <hr style="width: 95%" class="am-divider am-divider-default" />
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <aside class="am-u-sm-3 am-list-thumb">
                                <img src="./assets/i/examples/test01.png" alt="" />
                            </aside>
                            <section class="am-u-sm-9 am-list-main">
                                <h3 class="am-list-item-hd">快快纸质打蜡洗车套装（10次装）</h3>
                                <p class="am-text-sm">订单号：KK12345678</p>
                                <p class="am-text-sm color-hs">下单时间： 2014.12.26  15:30</p>
                            </section>
                        </li>
                    </ul>
                </nav>

                <nav class="kuaikuai-nav am-menu-default am-nav-kuai">
                    <ul class="am-avg-sm-1 am-menu-nav" style="border: 0">
                        <li class="am-order-fl">
                            <p class="am-text-sm">状态： <em>代付款</em></p>
                            <p class="am-text-sm">总价： <em>￥400.00</em></p>
                        </li>
                    </ul>
                    <hr style="width: 95%" class="am-divider am-divider-default" />
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <aside class="am-u-sm-3 am-list-thumb">
                                <img src="./assets/i/examples/test01.png" alt="" />
                            </aside>
                            <section class="am-u-sm-9 am-list-main">
                                <h3 class="am-list-item-hd">快快纸质打蜡洗车套装（10次装）</h3>
                                <p class="am-text-sm">订单号：KK12345678</p>
                                <p class="am-text-sm color-hs">下单时间： 2014.12.26  15:30</p>
                            </section>
                        </li>
                    </ul>
                </nav>

                <nav class="kuaikuai-nav am-menu-default am-nav-kuai">
                    <ul class="am-avg-sm-1 am-menu-nav" style="border: 0">
                        <li class="am-order-fl">
                            <p class="am-text-sm">状态： <em>代付款</em></p>
                            <p class="am-text-sm">总价： <em>￥400.00</em></p>
                        </li>
                    </ul>
                    <hr style="width: 95%" class="am-divider am-divider-default" />
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <aside class="am-u-sm-3 am-list-thumb">
                                <img src="./assets/i/examples/test01.png" alt="" />
                            </aside>
                            <section class="am-u-sm-9 am-list-main">
                                <h3 class="am-list-item-hd">快快纸质打蜡洗车套装（10次装）</h3>
                                <p class="am-text-sm">订单号：KK12345678</p>
                                <p class="am-text-sm color-hs">下单时间： 2014.12.26  15:30</p>
                            </section>
                        </li>
                    </ul>
                </nav>
            </div>
            <!-- End 已支付 -->

            <!-- Start 未支付 -->
            <div class="am-tab-panel " style="background-color: #f7f9f9;" data="tab2">
                <nav class="kuaikuai-nav am-menu-default am-nav-kuai">
                    <ul class="am-avg-sm-2 am-menu-nav" style="border: 0">
                        <li class="am-order-fl"><p class="am-text-sm">状态： <em>代付款</em></p><p class="am-text-sm">总价： <em>￥400.00</em></p></li>
                        <li class="am-order-fr"><button type="submit" class="btn am-btn am-btn-success am-btn-radius am-btn-sm">立即购买</button></li>
                    </ul>
                    <hr style="width: 95%" class="am-divider am-divider-default" />
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <aside class="am-u-sm-5 am-list-thumb">
                                <img src="./assets/i/examples/test01.png" alt="" />
                            </aside>
                            <section class="am-u-sm-7 am-list-main">
                                <h3 class="am-list-item-hd">快快纸质打蜡洗车套装（10次装）</h3>
                                <p class="am-text-sm">订单号：KK12345678</p>
                                <p class="am-text-sm color-hs">下单时间： 2014.12.26  15:30</p>
                            </section>
                        </li>
                    </ul>
                </nav>

                <nav class="kuaikuai-nav am-menu-default am-nav-kuai">
                    <ul class="am-avg-sm-2 am-menu-nav" style="border: 0">
                        <li class="am-order-fl"><p class="am-text-sm">状态： <em>代付款</em></p><p class="am-text-sm">总价： <em>￥400.00</em></p></li>
                        <li class="am-order-fr"><button type="submit" class="btn am-btn am-btn-success am-btn-radius am-btn-sm">立即购买</button></li>
                    </ul>
                    <hr style="width: 95%" class="am-divider am-divider-default" />
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <aside class="am-u-sm-3 am-list-thumb">
                                <img src="./assets/i/examples/test01.png" alt="" />
                            </aside>
                            <section class="am-u-sm-9 am-list-main">
                                <h3 class="am-list-item-hd">快快纸质打蜡洗车套装（10次装）</h3>
                                <p class="am-text-sm">订单号：KK12345678</p>
                                <p class="am-text-sm color-hs">下单时间： 2014.12.26  15:30</p>
                            </section>
                        </li>
                    </ul>
                </nav>

                <nav class="kuaikuai-nav am-menu-default am-nav-kuai">
                    <ul class="am-avg-sm-2 am-menu-nav" style="border: 0">
                        <li class="am-order-fl"><p class="am-text-sm">状态： <em>代付款</em></p><p class="am-text-sm">总价： <em>￥400.00</em></p></li>
                        <li class="am-order-fr"><button type="submit" class="btn am-btn am-btn-success am-btn-radius am-btn-sm">立即购买</button></li>
                    </ul>
                    <hr style="width: 95%" class="am-divider am-divider-default" />
                    <ul class="am-list">
                        <!--缩略图在标题左边-->
                        <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                            <aside class="am-u-sm-3 am-list-thumb">
                                <img src="./assets/i/examples/test01.png" alt="" />
                            </aside>
                            <section class="am-u-sm-9 am-list-main">
                                <h3 class="am-list-item-hd">快快纸质打蜡洗车套装（10次装）</h3>
                                <p class="am-text-sm">订单号：KK12345678</p>
                                <p class="am-text-sm color-hs">下单时间： 2014.12.26  15:30</p>
                            </section>
                        </li>
                    </ul>
                </nav>
            </div>
            <!-- End 未支付 -->
        </div>
    </div>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="assets/js/zepto.min.js" type="text/javascript"></script>
<script src="assets/js/touch.js" type="text/javascript"></script>
<script src="assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="assets/js/kuaikuai.js" type="text/javascript"></script>
</body>
</html>